@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-04 09:59:50
 * @version $Id$
 */
.content {
  background: #f5f5f5; }

.banner {
  width: 100%;
  height: 780px;
  background: url("iplay.png") no-repeat;
  background-position: top center;
  display: table; }
  .banner h3{
     padding-top: 40px;
    font-size: 60px;
    color: #ffffff;
    text-align: center;
    display:table-cell;
    vertical-align: middle;
    -webkit-animation:fadeIn 1s 0.5s ease both;
       -moz-animation:fadeIn 1s 0.5s ease both;
        -ms-animation:fadeIn 1s 0.5s ease both;
         -o-animation:fadeIn 1s 0.5s ease both;
            animation:fadeIn 1s 0.5s ease both;}
.introduce {
  padding: 96px 0 120px 0; }
  .introduce .s-spirit {
    padding: 0;
    line-height: 32px;
    font-size: 14px;
    color: #4b4b4b;
    text-align: center; }
  .introduce .s-title {
    padding: 76px 0 0 0;
    color: #555555;
    font-size: 36px;
    font-weight: 500;
    text-align: center; }
  .introduce .s-car-warp {
    margin: 10px 0 78px;
    text-align: center; }
  .introduce .s-carcount {
    height: 72px;
    display: inline-block;
    margin-bottom: 16px;
    background: #313131;
    border-radius: 16px;
    box-shadow: 0 0 16px #cbcbcb; }
    .introduce .s-carcount .num, .introduce .s-carcount .mt-number-animate {
      line-height: 72px;
      height: 72px;
      /*设置数字显示高度*/
      font-size: 36px;
      color: #ffd900; }
    .introduce .s-carcount .num, .introduce .s-carcount .mt-number-animate .mt-number-animate-dot, .introduce .s-carcount .mt-number-animate .mt-number-animate-dom {
      width: 32px;
      /*设置分割符宽度*/
      line-height: 72px; }
    .introduce .s-carcount .num, .introduce .s-carcount .mt-number-animate-span {
      border-right: 1px solid #464646; }
  .introduce .introduce-c {
    height: 456px;
    background: #fff; }
    .introduce .introduce-c .int-img {
      width: 456px; }
    .introduce .introduce-c .int-w {
      width: 336px;
      padding-left: 60px; }
      .introduce .introduce-c .int-w h3 {
        padding: 106px 0 22px;
        font-size: 36px;
        color: #585858;
        font-weight: 500; }
      .introduce .introduce-c .int-w .s-spirit {
        line-height: 22px;
        text-align: left;
        padding-bottom: 10px; }
        
/* 清华学堂css代码 */

.fl {
    float: left;
}

.wrap {
    width: 1104px;
    margin: 0 auto;
}

.cf:after {
    clear: both;
}

.cf:after, .cf:before {
    content: '';
    display: table;
}

@media screen and (max-width: 767px) {
	.retrieve_pwd_title {
		display: none !important
	}

	.mretrieve_pwd_title {
		display: block !important
	}

	.retrieve_main {
		margin-top: 0 !important;
		padding-left: 0 !important;
		display: none !important
	}

	.ui.icon.input>.icon {
		width: 80px !important;
		height: 38px !important;
		line-height: 38px !important;
		top: 23px !important;
		right: 5px !important
	}

	.mretrieve_main {
		display: block !important;
		padding-left: 0 !important
	}

	.mretrieve_main .text {
		padding: 15px 0 20px;
		font-size: 16px
	}

	.mretrieve_main ul {
		border-top: 1px solid #c1c1c1
	}

	.mretrieve_main ul li {
		border-bottom: 1px solid #c1c1c1;
		line-height: 50px;
		font-size: 16px;
		color: #333
	}

	.mretrieve_main ul li .next_info {
		float: right
	}

	.mretrieve_main ul li .next_info .next {
		font-family: 'xt';
		font-size: 16px;
		color: #c1c1c1;
		vertical-align: middle;
		margin-left: 20px
	}

	.retrieve_main,.mretrieve_main {
		display: block !important;
		padding-left: 0 !important;
		margin-top: 0 !important;
		padding-bottom: 30px !important
	}

	.retrieve_main .error_message,.mretrieve_main .error_message {
		padding-top: 20px
	}

	.retrieve_main .error_message p,.mretrieve_main .error_message p {
		color: #ce2432;
		font-size: 16px !important
	}

	.retrieve_main .input_box,.mretrieve_main .input_box {
		width: 100% !important;
		position: relative
	}

	.retrieve_main .input_box .code_img,.mretrieve_main .input_box .code_img {
		position: absolute !important;
		left: inherit !important;
		right: 10px !important;
		top: 8px !important
	}

	.retrieve_main .input_box .code_img img,.mretrieve_main .input_box .code_img img {
		width: auto !important;
		height: auto !important
	}

	.retrieve_main .input_box label,.mretrieve_main .input_box label {
		font-family: "xt";
		display: inline-block;
		color: #c1c1c1;
		margin: 0 15px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 47px !important;
		margin: 0 15px !important
	}

	.retrieve_main .input_box input,.mretrieve_main .input_box input {
		width: 440px;
		border: 1px solid rgba(39,41,43,0.15);
		border-radius: 0.2857rem;
		padding: 15px 0 15px 50px !important;
		font-size: 16px !important
	}

	.retrieve_main .input_box .form_message,.mretrieve_main .input_box .form_message {
		display: block !important;
		padding-left: 0 !important;
		line-height: 1.5em !important;
		min-height: 0
	}

	.retrieve_main .input_box .form_message .error,.mretrieve_main .input_box .form_message .error {
		color: #ce2432;
		font-size: 16px !important
	}

	.retrieve_main .input_box i.icon_code,.mretrieve_main .input_box i.icon_code {
		position: absolute;
		left: inherit !important;
		background: none repeat scroll 0 0 #95278a;
		border-radius: 0.2857rem;
		color: #fff;
		top: 24px !important;
		cursor: pointer;
		font-size: 12px;
		font-style: normal;
		height: 25px;
		line-height: 25px;
		opacity: 1;
		padding: 0 0.5em;
		-webkit-transform: translate(0px, -50%);
		-ms-transform: translate(0px, -50%);
		transform: translate(0px, -50%);
		transition: background 0.3s ease 0s;
		display: inline-block;
		cursor: pointer;
		right: 5px
	}

	.retrieve_main .input_box .header_code_img,.mretrieve_main .input_box .header_code_img {
		position: absolute !important;
		left: inherit !important;
		right: 10px !important;
		top: 8px !important
	}

	.retrieve_main .input_box .not_code,.mretrieve_main .input_box .not_code {
		margin-top: 5px !important;
		text-align: right !important;
		font-size: 16px !important;
		margin-left: 0 !important
	}

	.retrieve_main .btn .mbtn,.mretrieve_main .btn .mbtn {
		display: block !important;
		width: 100% !important;
		height: 48px !important;
		font-weight: normal
	}

	.retrieve_main .btn .link_msg,.mretrieve_main .btn .link_msg {
		text-align: right;
		color: #95288a;
		margin-top: 20px
	}

	.retrieve_main .btn .link_msg a,.mretrieve_main .btn .link_msg a {
		color: #95278a
	}

	.retrieve_main p.text,.mretrieve_main p.text {
		padding: 25px 0 20px;
		color: #333;
		font-size: 16px
	}

	.retrieve_main ul,.mretrieve_main ul {
		border-top: 1px solid #c1c1c1
	}

	.retrieve_main ul li,.mretrieve_main ul li {
		line-height: 50px;
		border-bottom: 1px solid #c1c1c1;
		font-size: 16px;
		color: #333
	}

	.retrieve_main ul li span.next_info,.mretrieve_main ul li span.next_info {
		float: right;
		display: block;
		vertical-align: middle
	}

	.retrieve_main ul li span.next_info span.next,.mretrieve_main ul li span.next_info span.next {
		font-family: 'xt';
		font-size: 18px;
		color: #c1c1c1;
		vertical-align: middle;
		margin-left: 25px
	}

	.pc_retrieve_main {
		display: none !important
	}
}

.xt_bindSchool>.wrap {
	position: relative
}

.xt_bindSchool .title_desc {
	padding-left: 46px;
	margin-top: 10px;
	font-size: 16px
}

.xt_bindSchool .rel {
	position: relative
}

.xt_bindSchool #bind_school_form .field {
	float: left;
	width: 49%
}

.xt_bindSchool #bind_school_form .field input {
	max-width: 90%
}

.xt_bindSchool #bind_school_form .field select {
	max-width: 90%;
	height: 43px;
	font-size: 1em
}

.xt_bindSchool #bind_school_form .field .hint_box {
	position: absolute;
	display: none;
	left: 0px;
	top: 70px;
	width: 90%;
	border: 1px solid #ccc;
	background: #fff;
	min-height: 90px;
	padding: 5px 10px
}

.xt_bindSchool #bind_school_form .field .hint_box li:hover {
	background-color: #eee;
	cursor: pointer
}

.xt_bindSchool #bind_school_form .clearnone {
	clear: none
}

.xt_bindSchool .preview_wrap {
	position: absolute;
	display: none;
	font-size: 16px;
	left: 0;
	top: 70px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 20
}

.xt_bindSchool .preview_wrap>h3 {
	padding-top: 30px;
	padding-left: 50px;
	font-size: 16px;
	height: 50px
}

.xt_bindSchool .preview_wrap .info {
	padding-left: 60px;
	line-height: 30px
}

.xt_bindSchool .preview_wrap .info_warn {
	padding-left: 50px;
	color: #f40;
	margin-top: 40px
}

.xt_bindSchool .preview_wrap .btn_box {
	padding-left: 50px;
	margin-top: 30px
}

.homepage .scrollLoading {
	background: url("//storagecdn.xuetangx.com/static/images/alert/loading.06c954eb64c3.gif") no-repeat 50% 50%
}

.homepage #carousel_index {
	height: 488px;
	min-width: 1104px;
	overflow: hidden
}

.homepage #carousel_index img {
	margin: 0 auto;
	display: block
}

.homepage .homepage_chart path {
	fill: none
}

.homepage .homepage_chart .line_path {
	stroke: #8040ff;
	stroke-width: 3px
}

.homepage .homepage_chart .axis_y .domain {
	stroke: none
}

.homepage .homepage_chart .axis_y .tick line {
	stroke: #e0e0e0;
	stroke-width: 1px;
	fill: none
}

.homepage .homepage_chart .axis_y text {
	fill: #999
}

.homepage .homepage_chart .axis_x .domain {
	stroke: #e0e0e0;
	stroke-width: 1px
}

.homepage .homepage_chart .axis_x .tick line {
	stroke: #e0e0e0;
	stroke-width: 1px;
	fill: none
}

.homepage .homepage_chart .axis_x text {
	fill: #999
}

.homepage .index_title {
	padding: 0px 0 20px 0;
	text-align: center
}

.homepage .index_title h2 {
	width: 380px;
	height: 50px;
	margin: 0 auto;
	font-size: 50px;
	color: #333;
	background: url("//storagecdn.xuetangx.com/static/images/sprites.d377e6571cae.png") no-repeat 2px -50px
}

.homepage .index_title h2 img {
	display: block
}

.homepage .index_title p {
	font-size: 16px;
	margin: 20px 0 0 0;
	color: #333
}

.homepage .index_classify_list>ul {
	width: 1104px;
	box-sizing: border-box;
	padding: 0 15px
}

.homepage .index_classify_list>ul>li {
	width: 154px;
	height: 154px;
	float: left;
	margin: 0 30px 0 0;
	position: relative;
	border-radius: 3px
}

.homepage .index_classify_list>ul>li.computer {
	background: #8040ff
}

.homepage .index_classify_list>ul>li.literature {
	background: #3498db
}

.homepage .index_classify_list>ul>li.chemistry {
	background: #9dc800
}

.homepage .index_classify_list>ul>li.math {
	background: #32c0ce
}

.homepage .index_classify_list>ul>li.infospread {
	background: #ff7d00
}

.homepage .index_classify_list>ul>li.more {
	background: #e0e0e0;
	margin-right: 0
}

.homepage .index_classify_list>ul>li.more p {
	color: #333 !important
}

.homepage .index_classify_list .title {
	font-size: 16px;
	text-align: center;
	position: relative;
	transition: top .3s
}

.homepage .index_classify_list .title:hover {
	top: -1px
}

.homepage .index_classify_list .title .title_a {
	color: #fff
}

.homepage .index_classify_list .title img {
	width: 154px;
	height: 116px;
	display: block
}

.homepage .bg_hui {
	background: #f6f3f3
}

.homepage .pb_80 {
	padding: 80px 0 80px 0
}

.homepage .rec_courses {
	min-width: 1104px;
	background: #f6f3f3
}

.homepage .rec_courses .rec_courses_title h2 {
	overflow: hidden;
	text-align: center;
	padding-bottom: 10px
}

.homepage .rec_courses .rec_courses_title h2 span {
	color: #333;
	font-size: 24px
}

.homepage .rec_courses ul li {
	float: left;
	width: 200px;
	margin: 20px 18px 0 0
}

.homepage .rec_courses ul li:nth-of-type(5n) {
	margin-right: 0 !important
}

.homepage .rec_courses ul li h3 {
	font-size: 16px;
	color: #333;
	overflow: hidden;
	width: 200px;
	padding: 10px 0 0 0;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 25px
}

.homepage .rec_courses ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.homepage .rec_courses ul li a:hover img {
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.1)
}

.homepage .rec_courses ul li a:hover h3 {
	color: #6a28ed !important
}

.homepage .rec_courses ul li .normal {
	width: 200px;
	height: 110px;
	border: 1px solid rgba(51,51,51,0.1)
}

.homepage .rec_courses ul li .normal img {
	width: 200px;
	height: 110px;
	position: absolute
}

.homepage .rec_courses ul {
	width: 1104px;
	box-sizing: border-box;
	padding: 0 15px;
	margin-right: 0 !important
}

.homepage .rec_courses .rec_courses_wrap {
	overflow: hidden;
	position: relative
}

.homepage .weizhuanti {
	padding: 80px 0 80px 0
}

.homepage .weizhuanti .weizhanti_wrap {
	position: relative;
	width: 1104px;
	box-sizing: border-box;
	padding: 0 15px
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_left {
	width: 417px;
	padding-right: 20px
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_left .weizhuanti_title {
	height: 110px;
	font-size: 50px;
	color: #8040ff;
	line-height: 55px;
	padding-bottom: 80px
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_left .weizhuanti_intro {
	height: 144px;
	font-size: 16px;
	color: #8040ff;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	overflow: hidden
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right {
	width: 637px
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li {
	float: left;
	width: 200px;
	margin: 0 16px 20px 0
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li:nth-of-type(3n) {
	margin-right: 0
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li a:hover img {
	box-shadow: 0 0 3px 0 rgba(51,51,51,0.5)
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li a:hover h3 {
	color: #6a28ed !important
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li a h3 {
	font-size: 16px;
	color: #333;
	overflow: hidden;
	width: 200px;
	padding: 10px 0 0 0;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right ul li a .normal img {
	width: 200px;
	height: 110px
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right .normal {
	border: 1px solid rgba(51,51,51,0.1)
}

.homepage .weizhuanti .weizhanti_wrap .weizhuanti_right .carousel_nav {
	bottom: 0
}

.homepage .weizhuanti #carouseltwo .carousel_wrap .carousel_item {
	box-sizing: border-box;
	padding-left: 4px
}

.homepage .hot-spot {
	min-width: 1104px;
	background: #f6f3f3
}

.homepage .hot-spot h2 {
	padding: 0px 0 12px 0;
	overflow: hidden;
	text-align: center
}

.homepage .hot-spot h2 span {
	color: #333;
	font-size: 24px;
	vertical-align: middle
}

.homepage .hot-spot h2 .reviewmore {
	color: #333;
	font-size: 12px !important;
	padding-left: 12px;
	vertical-align: middle
}

.homepage .hot-spot h2 .reviewmore:hover {
	text-decoration: underline
}

.homepage .hot-spot .hot_spot_wrap {
	overflow: hidden;
	position: relative
}

.homepage .hot-spot .hot_spot_wrap ul li {
	float: left;
	width: 200px;
	height: 200px;
	margin: 18px 18px 0 0
}

.homepage .hot-spot .hot_spot_wrap ul li:nth-of-type(4) {
	margin-right: 0 !important
}

.homepage .hot-spot .hot_spot_wrap ul li:nth-of-type(7) {
	margin-right: 0 !important
}

.homepage .hot-spot .hot_spot_wrap ul li:hover {
	box-shadow: 0 0 3px 0 rgba(51,51,51,0.5)
}

.homepage .hot-spot .hot_spot_wrap ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.homepage .hot-spot .hot_spot_wrap ul li .normal img {
	width: 200px;
	height: 200px
}

.homepage .hot-spot .hot_spot_wrap ul li .normal h3 {
	font-size: 16px;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
	position: absolute;
	bottom: 0
}

.homepage .hot-spot .hot_spot_wrap .longleft {
	width: 419px
}

.homepage .hot-spot .hot_spot_wrap .longleft img {
	width: 419px !important;
	height: 200px
}

.homepage .hot-spot .hot_spot_wrap .hotspot_right {
	width: 200px;
	height: 419px;
	margin: 18px 0 0px 18px
}

.homepage .hot-spot .hot_spot_wrap .hotspot_right a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.homepage .hot-spot .hot_spot_wrap .hotspot_right .normal img {
	width: 200px;
	height: 419px
}

.homepage .hot-spot .hot_spot_wrap .hotspot_right .normal h3 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
	position: absolute;
	bottom: 0
}

.homepage .hot-spot .hot_spot_wrap .hotspot_right:hover {
	box-shadow: 0 0 3px 0 rgba(51,51,51,0.5)
}

.homepage .hot-spot .mr0 {
	margin-right: 0 !important
}

.homepage .hot-spot .layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.homepage .hot-spot .cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 64px;
	overflow: hidden
}

.homepage .hot-spot .blur {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
	*left: -5px;
	left: -5px \0
}

.homepage .hot-spot :root .blur {
	left: -5px \0
}

.homepage .hot-spot .mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#34000000, endColorStr=#34000000);
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 64px;
	display: table
}

.homepage .hot-spot .mask p {
	vertical-align: middle;
	display: table-cell;
	padding: 0 15px
}

.homepage .hot-spot :root .mask {
	-webkit-filter: none;
	filter: none
}

.homepage .hot-spot ul {
	width: 855px;
	padding-left: 15px;
	margin-right: 0 !important
}

.homepage .community h2 {
	font-size: 16px;
	padding: 0px 0 30px 0;
	overflow: hidden;
	text-align: center
}

.homepage .community h2 span {
	color: #333;
	font-size: 24px
}

.homepage .community .community_wrap {
	overflow: hidden;
	position: relative;
	width: 1104px;
	box-sizing: border-box;
	padding: 0 15px
}

.homepage .community .community_wrap .community_left {
	width: 632px;
	padding-right: 20px
}

.homepage .community .community_wrap .community_left div:nth-last-of-type(2) {
	border-bottom: none
}

.homepage .community .community_wrap .community_left .community_position {
	padding: 15px 0;
	border-bottom: 1px solid #e0e0e0
}

.homepage .community .community_wrap .community_left .community_position:hover .cheader_left .ctitle p {
	color: #8040ff
}

.homepage .community .community_wrap .community_left .community_position .cheader_left em {
	padding: 2px 12px;
	background: #f6f3f3;
	border-radius: 3px;
	color: #333
}

.homepage .community .community_wrap .community_left .community_position .cheader_left .ctitle {
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px;
	vertical-align: middle
}

.homepage .community .community_wrap .community_left .community_position .cheader_left .ctitle p {
	height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline
}

.homepage .community .community_wrap .community_left .community_position .cheader_right {
	line-height: 28px;
	color: #999
}

.homepage .community .community_wrap .community_left .community_position .cheader_right .last_send_time {
	width: 64px;
	text-align: right;
	visibility: hidden
}

.homepage .community .community_wrap .community_left .community_position .cheader_right .hotnum {
	width: 50px;
	text-align: left
}

.homepage .community .community_wrap .community_left .community_position:first-child {
	padding-top: 0
}

.homepage .community .community_wrap .community_left .community_viewall {
	margin-top: 25px;
	height: 50px
}

.homepage .community .community_wrap .community_left .community_viewall a {
	color: #fff;
	padding: 18px 265px;
	background-color: #8040ff;
	border-radius: 3px
}

.homepage .community .community_wrap .community_left .community_viewall a:hover {
	background-color: #6a28ed
}

.homepage .community .community_wrap .community_left .community_viewall a em {
	padding-left: 6px;
	font-size: 16px
}

.homepage .community .community_wrap .community_right {
	width: 418px;
	overflow: hidden
}

.homepage .community .community_wrap .community_right .chart {
	height: 200px
}

.homepage .community .community_wrap .community_right p {
	text-align: right
}

.homepage .community .community_wrap .community_right p span {
	color: #8040ff;
	font-size: 24px;
	padding: 0 10px;
	font-weight: 900
}

.homepage .community .community_wrap .community_right p:nth-of-type(1) {
	margin-bottom: 20px
}

.homepage .cooperation {
	min-width: 1104px;
	background: #f6f3f3
}

.homepage .cooperation h2 {
	overflow: hidden;
	text-align: center;
	padding: 0px 0 30px 0
}

.homepage .cooperation h2 span {
	color: #333;
	font-size: 24px
}

.homepage .cooperation .cooperation_wrap {
	overflow: hidden;
	position: relative;
	width: 1104px;
	box-sizing: border-box;
	padding: 0 15px
}

.homepage .cooperation .cooperation_wrap .cooperation_left {
	width: 200px;
	height: 260px;
	padding-right: 20px
}

.homepage .cooperation .cooperation_wrap .cooperation_right {
	width: 830px;
	overflow: hidden
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li {
	float: left;
	width: 165px;
	height: 132px;
	text-align: center;
	border-right: 1px solid #e0e0e0
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li:nth-of-type(5n) {
	border-right: none
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li:nth-child(n+6) {
	border-top: 1px solid #e0e0e0
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li:nth-child(n+6) .normal {
	padding-top: 4px
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li .normal img {
	width: 102px;
	height: 102px
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li .normal h3 {
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 165px
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li .smore h3 {
	color: #8040ff
}

.homepage .cooperation .cooperation_wrap .cooperation_right ul li .smore h3:hover {
	color: #6a28ed
}/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #337ab7;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	color: #23527c;
	background-color: #eeeeee;
	border-color: #dddddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
	z-index: 2;
	color: #ffffff;
	background-color: #337ab7;
	border-color: #337ab7;
	cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
	color: #777777;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.search_page .no_data_search {
	text-align: center;
	padding: 30px 0;
	min-height: 1000px
}

.search_page article {
	padding: 30px 0 0 0;
	min-width: 1104px;
	background: #f4f4f4
}

.search_page .search_wrap {
	margin-bottom: 15px
}

.search_page .win {
	width: 1104px;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #e0e0e0
}

.search_page .win_in {
	padding: 20px 15px
}

.search_page .win_in_block {
	padding: 10px 0;
	border-bottom: 1px dashed #e0e0e0
}

.search_page .win_in_block:first-child {
	padding-top: 0
}

.search_page .win_in_block:last-child {
	border: none;
	padding-bottom: 0
}

.search_page .win h2 {
	float: left;
	margin-right: 10px;
	padding: 3px 5px;
	background-color: #f6f3f3;
	font-size: 14px;
	color: #333;
	text-align: center;
	border-radius: 3px
}

.search_page .win .fllist {
	float: left;
	width: 1026px;
	line-height: 26px
}

.search_page .win .fllist a {
	margin: 0 20px 0 0;
	font-size: 14px;
	color: #999
}

.search_page .win .fllist .current {
	color: #6a28ed
}

.search_page .mode_switch ul {
	border: 1px solid #999;
	background: #fff;
	border-radius: 3px;
	margin-right: 15px
}

.search_page .mode_switch ul li {
	float: left;
	width: 38px;
	height: 25px;
	text-align: center;
	border-right: 1px solid #999;
	cursor: pointer
}

.search_page .mode_switch ul li a {
	display: block;
	width: 38px;
	height: 25px
}

.search_page .mode_switch ul li:last-child {
	border: none
}

.search_page .mode_switch .blockmode {
	background: url("") no-repeat 50% 50%;
	overflow: hidden
}

.search_page .mode_switch .currentbm {
	background: #8040ff url("") no-repeat 50% 50%
}

.search_page .mode_switch .listmode {
	background: url("") no-repeat 50% 50%;
	overflow: hidden
}

.search_page .mode_switch .currentlm {
	background: #8040ff url("") no-repeat 50% 50%
}

.search_page .courses_block_mode ul li {
	float: left;
	width: 200px;
	height: 110px;
	margin: 30px 18px 30px 0
}

.search_page .courses_block_mode ul li h3 {
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
	padding: 10px 0 0 0
}

.search_page .courses_block_mode ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.search_page .courses_block_mode ul li a:hover img {
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.1)
}

.search_page .courses_block_mode ul li a:hover h3 {
	color: #6a28ed !important
}

.search_page .courses_block_mode ul li .normal {
	width: 200px;
	height: 110px;
	background: url("") no-repeat center center
}

.search_page .courses_block_mode ul li .normal img {
	width: 200px;
	height: 110px;
	position: absolute
}

.search_page .courses_block_mode ul li:nth-of-type(5n) {
	margin-right: 0 !important
}

.search_page .courses_block_mode .mr0 {
	margin-right: 0 !important
}

.search_page .courses_block_mode {
	min-height: 900px
}

.search_page .courses_block_mode ul {
	width: 1104px;
	box-sizing: border-box;
	padding: 0 15px;
	margin-right: 0 !important
}

.search_page .courses_block_mode .block_mode_wrap {
	overflow: hidden;
	position: relative
}

.search_page .courses_list_mode .list_style {
	min-height: 180px
}

.search_page .courses_list_mode .list_style li {
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #e0e0e0
}

.search_page .courses_list_mode .list_style li .list_inner {
	box-sizing: border-box;
	padding: 20px
}

.search_page .courses_list_mode .list_style li:last-child {
	margin-bottom: 0
}

.search_page .courses_list_mode .list_style .img {
	width: 260px;
	height: 165px;
	overflow: hidden;
	position: relative
}

.search_page .courses_list_mode .list_style .img .course-cover {
	width: 260px;
	height: 165px;
	overflow: hidden;
	position: relative
}

.search_page .courses_list_mode .list_style .img .img-tag {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.search_page .courses_list_mode .list_style .list_inner_right {
	width: 742px;
	height: 165px;
	padding: 0 0 0 30px;
	position: relative
}

.search_page .courses_list_mode .list_style .list_inner_right .coursename .coursetitle {
	display: inline-block;
	max-width: 433px;
	font-size: 24px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1
}

.search_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref {
	position: absolute;
	display: inline;
	padding-top: 3px
}

.search_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref span {
	font-size: 16px;
	padding-left: 10px;
	color: #999
}

.search_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref span a {
	color: #999;
	padding-right: 10px
}

.search_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref span a:hover {
	color: #333
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher {
	padding-top: 10px
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher img {
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher .name {
	padding: 0 0 0 12px
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher .name p {
	width: 450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: auto;
	padding: 4px 0 0 0;
	height: auto;
	color: #999
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher .name p>span {
	padding-right: 15px;
	font-size: 16px
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher .name p>span a {
	color: #999
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher .name p>span a:hover {
	color: #333
}

.search_page .courses_list_mode .list_style .list_inner_right .teacher .name h3 {
	padding: 10px 0
}

.search_page .courses_list_mode .list_style .list_inner_right .txt_all {
	height: 40px;
	padding-top: 8px
}

.search_page .courses_list_mode .list_style .list_inner_right .txt_all .txt,.search_page .courses_list_mode .list_style .list_inner_right .txt_all .ctxt {
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #999
}

.search_page .courses_list_mode .list_style .list_inner_right .txt_all .txt .courseintro,.search_page .courses_list_mode .list_style .list_inner_right .txt_all .txt .coursechapter,.search_page .courses_list_mode .list_style .list_inner_right .txt_all .ctxt .courseintro,.search_page .courses_list_mode .list_style .list_inner_right .txt_all .ctxt .coursechapter {
	padding-right: 10px
}

.search_page .courses_list_mode .list_style .list_inner_right .txt_all .ktxt {
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
	color: #999;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.search_page .courses_list_mode .list_style .list_inner_right .txt_all .ktxt .courseintro {
	padding-right: 10px
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
	position: absolute;
	bottom: 0;
	line-height: 1
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info>span {
	border-right: 1px solid #999
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info>span:first-child {
	padding-left: 0px
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info>span:last-child {
	border-right: none
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info .online {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #b4ce54;
	margin-top: 1px
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info .ri-tag {
	padding: 0 20px
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info .ri-tag a {
	color: #999
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info .ri-tag a:hover {
	color: #333
}

.search_page .courses_list_mode .list_style .list_inner_right .ref_info .riedx {
	padding: 0 0 !important
}

.search_page .courses_list_mode .list_style .list_inner_right .over {
	background-color: #999 !important
}

.search_page .courses_list_mode .list_style .list-icon {
	font-family: "xt";
	font-weight: 100;
	font-size: 14px;
	vertical-align: text-bottom;
	padding-right: 5px
}

.search_page .courses_list_mode {
	min-height: 900px
}

.search_page .courses_list_mode .list_mode_wrap {
	overflow: hidden;
	position: relative;
	padding: 30px 0 0 0
}

.search_page .pager {
	text-align: center;
	height: 94px
}

.search_page .pagination {
	margin: 30px 0 !important
}

.search_page .pagination>li>a,.search_page .pagination>li>span {
	color: #999
}

.search_page .page_sec_ui>li>a,.search_page .page_sec_ui>li>span {
	background: none !important;
	border: none !important
}

.search_page .pagination>.active>a,.search_page .pagination>.active>span,.search_page .pagination>.active>a:hover,.search_page .pagination>.active>span:hover,.search_page .pagination>.active>a:focus,.search_page .pagination>.active>span:focus {
	color: #8040ff;
	background-color: #eeeeee;
	border-color: #dddddd;
	text-decoration: underline
}

.search_page .pagination>.disabled>span,.search_page .pagination>.disabled>span:hover,.search_page .pagination>.disabled>span:focus,.search_page .pagination>.disabled>a,.search_page .pagination>.disabled>a:hover,.search_page .pagination>.disabled>a:focus {
	color: #777777;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed
}

.search_result_page .keyword {
	color: #ce2432 !important
}

.search_result_page .list_style_bg {
	background: url("") no-repeat center center
}

.search_result_page .loading_more {
	text-align: center;
	display: none;
	height: 100px;
	background: url("") no-repeat center center
}

.search_result_page .no_data {
	text-align: center;
	height: 360px;
	padding-top: 65px;
	padding-bottom: 306px
}

.search_result_page article {
	padding: 30px 0;
	min-width: 1104px;
	background: #f4f4f4
}

.search_result_page .search_bar {
	transition: background .5s;
	font-size: 16px
}

.search_result_page .search_bar_search {
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	height: 50px;
	width: 721px;
	transition: all .2s;
	background-color: #FFFFFF
}

.search_result_page .search_bar_search input {
	color: #333;
	width: 667px;
	font-size: inherit;
	padding: .76em
}

.search_result_page .search_bar_search input::-webkit-input-placeholder {
	color: #e0e0e0
}

.search_result_page .search_bar_search input:-moz-placeholder {
	color: #e0e0e0
}

.search_result_page .search_bar_search input::-moz-placeholder {
	color: #e0e0e0
}

.search_result_page .search_bar_search input:-ms-input-placeholder {
	color: #e0e0e0
}

.search_result_page .search_bar_submit {
	background: url("") no-repeat 50% 50%;
	border: none;
	width: 16px;
	height: 50px;
	outline: none
}

.search_result_page .search_bar_search.active {
	border-color: #8040ff
}

.search_result_page .search_bar_search.active .search_bar_submit {
	background-image: url("")
}

.search_result_page .search_bar_suggestion {
	display: none;
	z-index: 51;
	position: relative;
	left: -1px;
	width: 721px;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	border-top: 0;
	background: #fff
}

.search_result_page .search_bar_suggestion li {
	display: block;
	padding: 0 12px;
	line-height: 28px;
	color: #888;
	cursor: default
}

.search_result_page .search_bar_suggestion li.hover {
	background: #f1f1f1
}

.search_result_page .search_bar_suggestion li.hint-item {
	color: #8040ff
}

.search_result_page .search_bar_suggestion li a {
	display: block
}

.search_result_page .search_bar_fixed {
	position: fixed;
	top: 0;
	z-index: 999
}

.search_result_page .courses_list_mode .list_style {
	min-height: 180px
}

.search_result_page .courses_list_mode .list_style li {
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #e0e0e0
}

.search_result_page .courses_list_mode .list_style li .list_inner {
	box-sizing: border-box;
	padding: 20px
}

.search_result_page .courses_list_mode .list_style li:last-child {
	margin-bottom: 0
}

.search_result_page .courses_list_mode .list_style .img {
	width: 260px;
	height: 165px;
	overflow: hidden;
	position: relative
}

.search_result_page .courses_list_mode .list_style .img .course-cover {
	width: 260px;
	height: 165px;
	overflow: hidden;
	position: relative
}

.search_result_page .courses_list_mode .list_style .img .img-tag {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.search_result_page .courses_list_mode .list_style .list_inner_right {
	width: 742px;
	height: 165px;
	padding: 0 0 0 30px;
	position: relative
}

.search_result_page .courses_list_mode .list_style .list_inner_right .coursename .coursetitle {
	display: inline-block;
	max-width: 433px;
	font-size: 24px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1
}

.search_result_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref {
	position: absolute;
	display: inline;
	padding-top: 3px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref span {
	font-size: 16px;
	padding-left: 10px;
	color: #999
}

.search_result_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref span a {
	color: #999;
	padding-right: 10px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .coursename .coursename_ref span a:hover {
	color: #333
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher {
	padding-top: 10px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher img {
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher .name {
	padding: 0 0 0 12px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher .name p {
	width: 450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: auto;
	padding: 4px 0 0 0;
	height: auto;
	color: #999
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher .name p>span {
	padding-right: 15px;
	font-size: 16px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher .name p>span a {
	color: #999
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher .name p>span a:hover {
	color: #333
}

.search_result_page .courses_list_mode .list_style .list_inner_right .teacher .name h3 {
	padding: 10px 0
}

.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all {
	height: 40px;
	padding-top: 8px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .txt,.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .ctxt {
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #999
}

.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .txt .courseintro,.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .txt .coursechapter,.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .ctxt .courseintro,.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .ctxt .coursechapter {
	padding-right: 10px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .ktxt {
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
	color: #999;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.search_result_page .courses_list_mode .list_style .list_inner_right .txt_all .ktxt .courseintro {
	padding-right: 10px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
	position: absolute;
	bottom: 0;
	line-height: 1
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info>span {
	border-right: 1px solid #999
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info>span:first-child {
	padding-left: 0px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info>span:last-child {
	border-right: none
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info .online {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #b4ce54;
	margin-top: 1px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info .ri-tag {
	padding: 0 20px
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info .ri-tag a {
	color: #999
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info .ri-tag a:hover {
	color: #333
}

.search_result_page .courses_list_mode .list_style .list_inner_right .ref_info .riedx {
	padding: 0 0 !important
}

.search_result_page .courses_list_mode .list_style .list_inner_right .over {
	background-color: #999 !important
}

.search_result_page .courses_list_mode .list_style .list-icon {
	font-family: "xt";
	font-weight: 100;
	font-size: 14px;
	vertical-align: text-bottom;
	padding-right: 5px
}

.search_result_page .courses_list_mode .list_mode_wrap {
	overflow: hidden;
	position: relative;
	padding: 10px 0
}

.search_result_page .search_bar_body nav {
	padding: 20px 0 10px 0;
	height: 21px
}

.search_result_page .search_bar_body nav li {
	font-size: 14px;
	float: left;
	padding: 0 30px 0 0
}

.search_result_page .search_bar_body nav li a {
	color: #999;
	padding-left: 13px
}

.search_result_page .search_bar_body nav li a:hover {
	color: #8040ff
}

.search_result_page .search_bar_body nav .current {
	color: #8040ff;
	border-bottom: 1px solid #8040ff
}

.search_result_page .relate-search {
	padding: 0 20px;
	box-sizing: border-box
}

.search_result_page .relate-search h3 {
	font-size: 18px;
	color: #333
}

.search_result_page .relate-search li {
	margin-top: 10px;
	font-size: 14px;
	display: inline-block;
	margin-right: 30px
}

.search_result_page .relate-search li a {
	color: #999
}

.search_result_page .relate-search li a:hover {
	color: #6a28ed
}

.search_result_page .pager {
	text-align: center;
	height: 94px
}

.search_result_page .pagination {
	margin: 30px 0 !important
}

.search_result_page .pagination>li>a,.search_result_page .pagination>li>span {
	color: #999
}

.search_result_page .page_sec_ui>li>a,.search_result_page .page_sec_ui>li>span {
	background: none !important;
	border: none !important
}

.search_result_page .pagination>.active>a,.search_result_page .pagination>.active>span,.search_result_page .pagination>.active>a:hover,.search_result_page .pagination>.active>span:hover,.search_result_page .pagination>.active>a:focus,.search_result_page .pagination>.active>span:focus {
	color: #8040ff;
	background-color: #eeeeee;
	border-color: #dddddd;
	text-decoration: underline
}

.search_result_page .pagination>.disabled>span,.search_result_page .pagination>.disabled>span:hover,.search_result_page .pagination>.disabled>span:focus,.search_result_page .pagination>.disabled>a,.search_result_page .pagination>.disabled>a:hover,.search_result_page .pagination>.disabled>a:focus {
	color: #777777;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed
}

.school_list_page #banner {
	min-width: 1100px;
	height: 700px;
	overflow: hidden;
	position: relative;
	visibility: hidden
}

.school_list_page #banner .txt {
	text-align: center;
	color: #FFF;
	text-shadow: 0 0 6px #000;
	transition: all .5s;
	opacity: 0;
	position: relative;
	top: -20px
}

.school_list_page #banner div.txt_on {
	top: 0;
	opacity: 1
}

.school_list_page #banner .txt h3 {
	font-size: 40px;
	margin-top: 350px;
	font-weight: 900
}

.school_list_page #banner .txt p {
	padding: 20px 0
}

.school_list_page #banner .txt a {
	display: block;
	width: 140px;
	height: 45px;
	font-size: 16px;
	margin: 0 auto;
	background: #4183ad;
	line-height: 45px;
	color: #FFF
}

.school_list_page #banner .txt a:hover {
	background: #4198C9;
	transition: all .3s;
	-webkit-transform: all .3s
}

.school_list_page #banner>ul {
	transition: left .5s ease-in-out;
	-webkit-transition: left .5s ease-in-out;
	position: absolute;
	height: 700px;
	left: 0;
	top: 0
}

.school_list_page #banner>ul li {
	float: left;
	height: 700px
}

.school_list_page #banner>ol {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	left: 0
}

.school_list_page #banner>ol li {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: rgba(255,255,255,0.4);
	border-radius: 50%;
	cursor: pointer;
	margin: 0 5px
}

.school_list_page #banner>ol li.on {
	background: #fff
}

.school_list_page .hz_school>ul {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 1095px
}

.school_list_page .hz_school>ul>li {
	float: left;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: center
}

.school_list_page .hz_school>ul>li a {
	display: block;
	width: 218px;
	height: 218px;
	position: relative;
	background: #fff
}

.school_list_page .hz_school>ul>li>a>div {
	position: absolute;
	left: 0;
	top: 0
}

.school_list_page .hz_school .img {
	display: table;
	width: 218px;
	height: 218px;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0)
}

.school_list_page .hz_school .img span {
	display: table-cell;
	vertical-align: bottom
}

.school_list_page .hz_school .text_con {
	width: 218px;
	height: 218px;
	color: #FFF;
	text-align: center;
	background-color: #6a28ed;
	transition: -webkit-transform .1s ease-in;
	transition: transform .1s ease-in;
	-ms-transition: transform .1s ease-in;
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	display: none\9
}

.school_list_page .hz_school>ul>li:hover .text_con {
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	display: block\9
}

.school_list_page .hz_school>ul>li:hover .img {
	-webkit-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transition: -webkit-transform .1s ease-in;
	transition: transform .1s ease-in
}

.school_list_page .hz_school>ul>li .text_con h3 {
	margin: 30px 0 20px 0;
	font-size: 24px
}

.school_list_page .hz_school>ul>li .text_con p {
	padding: 0 0 10px
}

.school_list_page .hz_school>ul>li .text_con span {
	color: #FFF;
	background: #fe9d2b;
	width: 100px;
	padding: 8px 0;
	position: absolute;
	left: 60px;
	bottom: 30px
}

.school_list_page .hz_school>ul>li .text_con span:hover {
	background: #EC8000
}

.school_list_page .hz_school>h2 {
	color: #333;
	padding: 30px 0 20px 0;
	font-size: 30px
}

.school_list_page .hz_school_w {
	background: #f6f3f3;
	padding: 0 0 120px 0
}

.school_list_page .hz_school .img span img {
	display: block
}

.school_list_page .zj_list {
	background: #a2cfe0
}

.school_list_page .zj_list .text_con {
	background: #4183ad
}

.school_list_page .zj_list ul {
	border: none
}

.school_list_page .zj_list ul>li {
	border-top: 1px solid #ccc
}

.school_list_page .zj_list h2 {
	color: #FFF
}

.about_us article {
	width: 100%;
	padding-bottom: 100px
}

.about_us .banner {
	height: 302px;
	background: url("//storagecdn.xuetangx.com/static/images/about_bg.3fa7c94edab2.jpg") no-repeat 50% 50%
}

.about_us article .wrap {
	margin: 50px auto 0
}

.about_us article .wrap>div {
	width: 800px;
	padding: 0 20px
}

.about_us article .wrap>div h3 {
	padding: 20px 0 10px;
	font-size: 24px;
	color: #333;
	font-weight: 900
}

.about_us article .wrap>div h3 a.toggle_lang {
	float: right;
	font-size: 14px;
	color: #414141;
	font-weight: normal
}

.about_us article .wrap>div p {
	line-height: 25px;
	font-size: 14px;
	text-indent: 2em
}

.about_us article .wrap>div p a {
	color: #8040ff
}

.about_us article .wrap>div #about_us_en_ p {
	text-indent: 0
}

.about_us article .wrap>div h4 {
	font-size: 16px;
	color: #333;
	padding: 30px 0 5px
}

.about_us article .wrap>div>div {
	display: none
}

.about_us article .wrap>div #leadership_ p {
	text-indent: 0
}

.about_us article .wrap>nav {
	width: 260px;
	padding: 20px 0 0 0
}

.about_us article .wrap>nav li {
	width: 220px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	margin: 0 20px;
	height: 50px;
	line-height: 50px
}

.about_us article .wrap>nav li a {
	font-size: 20px;
	display: block;
	width: 220px;
	height: 50px;
	color: #333
}

.about_us article .wrap>nav li a:hover {
	background: #8040ff;
	color: #fff
}

.about_us article .wrap>nav li.on a {
	background: #8040ff;
	color: #fff
}

.about_us article .wrap>nav li.on a:hover {
	background: #6a28ed
}

.about_us article .wrap .leader_info1 {
	padding-top: 40px
}

.about_us article .wrap .leader_info1 li {
	margin-bottom: 70px;
	overflow: hidden
}

.about_us article .wrap .leader_info1 li .head_img {
	float: left;
	width: 180px
}

.about_us article .wrap .leader_info1 li .info {
	padding-left: 85px;
	overflow: hidden
}

.about_us article .wrap .leader_info1 li .info h4 {
	font-size: 24px;
	font-weight: bold;
	color: #8040ff;
	padding: 0
}

.about_us article .wrap .leader_info1 li .info p {
	padding: 0
}

.about_us article .wrap .leader_info1 li .info p.job {
	font-size: 12px;
	color: #333;
	margin-bottom: 10px
}

.about_us article .wrap .leader_info2 {
	padding-top: 40px
}

.about_us article .wrap .leader_info2 li {
	margin-bottom: 75px;
	border-bottom: 1px solid #e0e0e0
}

.about_us article .wrap .leader_info2 li .head_img {
	width: 405px
}

.about_us article .wrap .leader_info2 li .head_img img {
	display: block;
	margin: 0 auto
}

.about_us article .wrap .leader_info2 li .info {
	overflow: hidden;
	width: 330px
}

.about_us article .wrap .leader_info2 li .info h4 {
	font-size: 24px;
	font-weight: bold;
	color: #8040ff;
	padding: 0
}

.about_us article .wrap .leader_info2 li .info p {
	padding: 0
}

.about_us article .wrap .leader_info2 li .info p.job {
	font-size: 12px;
	color: #333;
	margin-bottom: 10px
}

.about_us article .wrap .leader_info3 {
	padding-top: 35px
}

.about_us article .wrap .leader_info3 li {
	width: 220px;
	margin-left: 70px;
	float: left
}

.about_us article .wrap .leader_info3 li:first-child {
	margin-left: 0
}

.about_us article .wrap .leader_info3 li .head_img {
	margin-bottom: 25px
}

.about_us article .wrap .leader_info3 li .head_img img {
	display: block;
	margin: 0 auto
}

.about_us article .wrap .leader_info3 li .info h4 {
	font-size: 24px;
	font-weight: bold;
	color: #8040ff;
	padding: 0
}

.about_us article .wrap .leader_info3 li .info p {
	padding: 0
}

.about_us article .wrap .leader_info3 li .info p.job {
	font-size: 12px;
	color: #333;
	margin-bottom: 10px
}

.about_us #contact {
	padding-top: 30px
}

.about_us #contact h3 {
	padding-top: 0
}

.about_us #contact p {
	line-height: 1.8em;
	text-indent: 0
}

.about_us #question img {
	display: block;
	margin: 20px auto 50px
}

.about_us #question p:nth-of-type(5) {
	text-indent: 0
}

.set-email-message {
	position: relative;
	border: none !important;
	box-shadow: none !important;
	padding: 22px 10px !important;
	border-radius: 3px;
	background: #fffcdd;
	margin-bottom: 30px
}

.set-email-message p {
	font: normal 16px/16px "Source Sans","STHeiti","Microsoft YaHei","SimHei","Open Sans",Verdana,Geneva,sans-serif,sans-serif
}

.retrieve_pwd_container {
	background: #f6f3f3;
	padding: 30px 0 100px 0;
	min-height: 613px
}

.retrieve_pwd_container .main_title {
	font-size: 1.125rem;
	padding: 25px 0 25px 0
}

.retrieve_pwd_container+footer .copyright {
	margin-top: 0
}

.retrieve_pwd_container input[type="email"],.retrieve_pwd_container input[type="number"],.retrieve_pwd_container input[type="password"],.retrieve_pwd_container input[type="search"],.retrieve_pwd_container input[type="tel"],.retrieve_pwd_container input[type="text"],.retrieve_pwd_container input[type="url"],.retrieve_pwd_container input[type="color"],.retrieve_pwd_container input[type="date"],.retrieve_pwd_container input[type="datetime"],.retrieve_pwd_container input[type="datetime-local"],.retrieve_pwd_container input[type="month"],.retrieve_pwd_container input[type="time"],.retrieve_pwd_container input[type="week"] {
	max-width: 50%
}

@media (max-width: 1100px) {
	.retrieve_pwd_container input[type="email"],.retrieve_pwd_container input[type="number"],.retrieve_pwd_container input[type="password"],.retrieve_pwd_container input[type="search"],.retrieve_pwd_container input[type="tel"],.retrieve_pwd_container input[type="text"],.retrieve_pwd_container input[type="url"],.retrieve_pwd_container input[type="color"],.retrieve_pwd_container input[type="date"],.retrieve_pwd_container input[type="datetime"],.retrieve_pwd_container input[type="datetime-local"],.retrieve_pwd_container input[type="month"],.retrieve_pwd_container input[type="time"],.retrieve_pwd_container input[type="week"] {
		max-width: 100%
	}
}

.retrieve_pwd_container .retrieve_pwd_tip .retrieve_main a:not(.ui) {
	color: #8040ff
}

.retrieve_pwd_container .retrieve_pwd_tip .retrieve_main a:not(.ui):hover {
	color: #6a28ed
}

.retrieve_pwd_container .retrieve_pwd_tip .retrieve_main p {
	padding: .5em 0
}

.retrieve_pwd_container .retrieve_pwd_tip .retrieve_main .weight {
	font-weight: 900
}

.retrieve_pwd_container .green_container {
	background: #fff;
	border-top: 8px solid #09b673;
	padding: 20px 30px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.retrieve_pwd_container .green_container .retrieve_pwd_title em.fl,.retrieve_pwd_container .green_container .retrieve_pwd_title span.fl {
	font-family: "xt";
	display: block;
	width: 32px;
	height: 32px;
	color: #FFF;
	border-radius: 50%;
	background: #09b673;
	text-align: center;
	line-height: 32px;
	font-size: 1.25rem
}

.retrieve_pwd_container .green_container .retrieve_pwd_title h3 {
	font-size: 22px;
	text-indent: 1em;
	color: #c1c1c1;
	line-height: 32px
}

.retrieve_pwd_container .green_container .retrieve_pwd_title h3 span.retrieve_info {
	vertical-align: middle;
	font-size: 14px
}

.retrieve_pwd_container .green_container .retrieve_pwd_title h3 span.retrieve_info span {
	color: #09b673
}

.retrieve_pwd_container .green_container .retrieve_pwd_title h3 i {
	font-family: "xt";
	font-style: normal;
	-webkit-font-smoothing: antialiased
}

.retrieve_pwd_container .green_container .retrieve_pwd_title h3 span.retrieve_title {
	color: #09b673;
	vertical-align: middle;
	font-size: 22px
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title {
	display: none
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title h3 span.retrieve_title {
	display: block !important;
	font-size: 16px;
	color: #4b4b4b
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title ul {
	border-left: 1px solid #c1c1c1;
	margin-right: 15px
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title ul li {
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	height: 30px;
	line-height: 30px;
	width: 33.33%;
	font-size: 16px;
	color: #c1c1c1;
	float: left;
	border-right: none;
	text-align: center;
	position: relative
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title ul li .in,.retrieve_pwd_container .green_container .mretrieve_pwd_title ul li .out {
	position: absolute;
	height: 0;
	width: 0;
	right: -29px;
	top: 0;
	border: 15px solid;
	border-color: transparent transparent transparent #fff;
	z-index: 10
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title ul li .out {
	right: -30px;
	border-color: transparent transparent transparent #c1c1c1
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title ul li.active {
	background: #f2f2f2;
	color: #4b4b4b
}

.retrieve_pwd_container .green_container .mretrieve_pwd_title ul li.active .in {
	border-color: transparent transparent transparent #f2f2f2
}

.retrieve_pwd_container .green_container .retrieve_main,.retrieve_pwd_container .green_container .mretrieve_main {
	margin-top: 20px;
	padding-left: 46px;
	font-size: 0.875rem
}

.retrieve_pwd_container .green_container .retrieve_main .error_message,.retrieve_pwd_container .green_container .mretrieve_main .error_message {
	padding-top: 20px
}

.retrieve_pwd_container .green_container .retrieve_main .error_message p,.retrieve_pwd_container .green_container .mretrieve_main .error_message p {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box {
	position: relative
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box .code_img,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box .code_img {
	position: absolute;
	left: 370px;
	top: 15px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box .code_img img,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box .code_img img {
	height: 100%
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box label,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box label {
	font-family: "xt";
	display: inline-block;
	font-size: 20px;
	color: #c1c1c1;
	margin: 0 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 58px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box input,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box input {
	width: 440px;
	border: 1px solid rgba(39,41,43,0.15);
	border-radius: 0.2857rem;
	padding: 22px 0 22px 60px;
	font-size: 14px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box .form_message,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box .form_message {
	display: inline-block;
	padding-left: 20px;
	line-height: 58px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box .form_message .error,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box .form_message .error {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box i.icon_code,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box i.icon_code {
	position: absolute;
	left: 355px;
	background: none repeat scroll 0 0 #8040ff;
	border-radius: 0.2857rem;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-style: normal;
	height: 25px;
	line-height: 25px;
	opacity: 1;
	padding: 0 0.5em;
	top: 30px;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	transition: background 0.3s ease 0s;
	display: inline-block;
	cursor: pointer
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box i.disabled,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box i.disabled {
	background: #dcddde !important;
	color: rgba(0,0,0,0.4) !important;
	cursor: default !important;
	opacity: 0.3 !important
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_box .not_code,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_box .not_code {
	margin-left: 345px;
	text-align: left;
	font-size: 14px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_setpsd em,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_setpsd em {
	display: block;
	padding-bottom: 5px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_setpsd input,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_setpsd input {
	height: 58px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_setpsd .form_message,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_setpsd .form_message {
	display: inline-block;
	padding-left: 20px;
	line-height: 58px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .input_setpsd .form_message .error,.retrieve_pwd_container .green_container .mretrieve_main .ui .input_setpsd .form_message .error {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .btn .button,.retrieve_pwd_container .green_container .mretrieve_main .ui .btn .button {
	width: 180px;
	height: 43px;
	font-size: 16px
}

.retrieve_pwd_container .green_container .retrieve_main .ui .mail_way,.retrieve_pwd_container .green_container .mretrieve_main .ui .mail_way {
	font-size: 12px;
	color: #95288a;
	margin-left: 20px
}

.retrieve_pwd_container .green_container .retrieve_main .ui.icon.input>.icon,.retrieve_pwd_container .green_container .mretrieve_main .ui.icon.input>.icon {
	font-size: 12px;
	width: auto;
	opacity: 1;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-style: normal;
	height: 25px;
	line-height: 25px;
	background: #8040ff;
	border-radius: .2857rem;
	right: 20px;
	color: #FFF;
	cursor: pointer;
	padding: 0 .5em;
	transition: background .3s
}

.retrieve_pwd_container .green_container .retrieve_main .ui.icon.input>.icon:hover,.retrieve_pwd_container .green_container .mretrieve_main .ui.icon.input>.icon:hover {
	background: #6a28ed
}

.retrieve_pwd_container .green_container .retrieve_main .ui.icon.input>.icon.disabled,.retrieve_pwd_container .green_container .mretrieve_main .ui.icon.input>.icon.disabled {
	background: #dcddde !important;
	color: rgba(0,0,0,0.4) !important;
	cursor: default !important;
	opacity: 0.3 !important
}

.retrieve_pwd_container .green_container .retrieve_main .retrieve_list_way li,.retrieve_pwd_container .green_container .mretrieve_main .retrieve_list_way li {
	float: left;
	margin-right: 40px;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	width: 138px;
	height: 138px;
	text-align: center;
	cursor: pointer
}

.retrieve_pwd_container .green_container .retrieve_main .retrieve_list_way li span.icon,.retrieve_pwd_container .green_container .mretrieve_main .retrieve_list_way li span.icon {
	font-family: 'xt';
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	background: #f4f4f4;
	border-radius: 100%;
	display: inline-block;
	color: #c4c4c4;
	margin: 15px 0 10px
}

.retrieve_pwd_container .green_container .retrieve_main .retrieve_list_way li p,.retrieve_pwd_container .green_container .mretrieve_main .retrieve_list_way li p {
	color: #666562;
	line-height: 22px
}

.retrieve_pwd_container .green_container .retrieve_main .retrieve_list_way li:hover,.retrieve_pwd_container .green_container .mretrieve_main .retrieve_list_way li:hover {
	border: 1px solid #95278a
}

.retrieve_pwd_container .green_container .retrieve_main .header_code_img,.retrieve_pwd_container .green_container .mretrieve_main .header_code_img {
	left: 370px;
	position: absolute;
	top: 15px
}

.retrieve_pwd_container .green_container .retrieve_main .retrieve_text,.retrieve_pwd_container .green_container .mretrieve_main .retrieve_text {
	color: #666562
}

.retrieve_pwd_container .green_container .retrieve_main .retrieve_notice,.retrieve_pwd_container .green_container .mretrieve_main .retrieve_notice {
	margin-top: 35px;
	color: #666562;
	line-height: 22px
}

.retrieve_pwd_container .green_container .mretrieve_main {
	display: none
}

.retrieve_pwd_container .purple_container {
	background: #fff;
	border-top: 8px solid #8040ff;
	padding: 20px 30px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.retrieve_pwd_container .purple_container .retrieve_pwd_title em.fl,.retrieve_pwd_container .purple_container .retrieve_pwd_title span.fl {
	font-family: "xt";
	display: block;
	width: 32px;
	height: 32px;
	color: #FFF;
	border-radius: 50%;
	background: #8040ff;
	text-align: center;
	line-height: 32px;
	font-size: 1.25rem
}

.retrieve_pwd_container .purple_container .retrieve_pwd_title h3 {
	font-size: 22px;
	text-indent: 1em;
	color: #c1c1c1;
	line-height: 32px
}

.retrieve_pwd_container .purple_container .retrieve_pwd_title h3 span.retrieve_info {
	vertical-align: middle;
	font-size: 14px
}

.retrieve_pwd_container .purple_container .retrieve_pwd_title h3 span.retrieve_info span {
	color: #8040ff
}

.retrieve_pwd_container .purple_container .retrieve_pwd_title h3 i {
	font-family: "xt";
	font-style: normal;
	-webkit-font-smoothing: antialiased
}

.retrieve_pwd_container .purple_container .retrieve_pwd_title h3 span.retrieve_title {
	color: #8040ff;
	vertical-align: middle;
	font-size: 22px
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title {
	display: none
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title h3 span.retrieve_title {
	display: block !important;
	font-size: 16px;
	color: #4b4b4b
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul {
	border-left: 1px solid #c1c1c1;
	margin-right: 15px
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul li {
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	height: 30px;
	line-height: 30px;
	width: 33.33%;
	font-size: 16px;
	color: #c1c1c1;
	float: left;
	border-right: none;
	text-align: center;
	position: relative
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul li .in,.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul li .out {
	position: absolute;
	height: 0;
	width: 0;
	right: -29px;
	top: 0;
	border: 15px solid;
	border-color: transparent transparent transparent #fff;
	z-index: 10
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul li .out {
	right: -30px;
	border-color: transparent transparent transparent #c1c1c1
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul li.active {
	background: #f2f2f2;
	color: #4b4b4b
}

.retrieve_pwd_container .purple_container .mretrieve_pwd_title ul li.active .in {
	border-color: transparent transparent transparent #f2f2f2
}

.retrieve_pwd_container .purple_container .retrieve_main,.retrieve_pwd_container .purple_container .mretrieve_main {
	margin-top: 20px;
	padding-left: 46px;
	font-size: 0.875rem
}

.retrieve_pwd_container .purple_container .retrieve_main .error_message,.retrieve_pwd_container .purple_container .mretrieve_main .error_message {
	padding-top: 20px
}

.retrieve_pwd_container .purple_container .retrieve_main .error_message p,.retrieve_pwd_container .purple_container .mretrieve_main .error_message p {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box {
	position: relative
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box .code_img,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box .code_img {
	position: absolute;
	left: 370px;
	top: 15px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box .code_img img,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box .code_img img {
	height: 100%
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box label,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box label {
	font-family: "xt";
	display: inline-block;
	font-size: 20px;
	color: #c1c1c1;
	margin: 0 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 58px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box input,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box input {
	width: 440px;
	border: 1px solid rgba(39,41,43,0.15);
	border-radius: 0.2857rem;
	padding: 22px 0 22px 60px;
	font-size: 14px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box .form_message,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box .form_message {
	display: inline-block;
	padding-left: 20px;
	line-height: 58px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box .form_message .error,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box .form_message .error {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box i.icon_code,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box i.icon_code {
	position: absolute;
	left: 355px;
	background: none repeat scroll 0 0 #8040ff;
	border-radius: 0.2857rem;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-style: normal;
	height: 25px;
	line-height: 25px;
	opacity: 1;
	padding: 0 0.5em;
	top: 30px;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	transition: background 0.3s ease 0s;
	display: inline-block;
	cursor: pointer
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box i.disabled,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box i.disabled {
	background: #dcddde !important;
	color: rgba(0,0,0,0.4) !important;
	cursor: default !important;
	opacity: 0.3 !important
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_box .not_code,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_box .not_code {
	margin-left: 345px;
	text-align: left;
	font-size: 14px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_setpsd em,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_setpsd em {
	display: block;
	padding-bottom: 5px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_setpsd input,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_setpsd input {
	height: 58px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_setpsd .form_message,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_setpsd .form_message {
	display: inline-block;
	padding-left: 20px;
	line-height: 58px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .input_setpsd .form_message .error,.retrieve_pwd_container .purple_container .mretrieve_main .ui .input_setpsd .form_message .error {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .btn .button,.retrieve_pwd_container .purple_container .mretrieve_main .ui .btn .button {
	width: 180px;
	height: 43px;
	font-size: 16px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui .mail_way,.retrieve_pwd_container .purple_container .mretrieve_main .ui .mail_way {
	font-size: 12px;
	color: #95288a;
	margin-left: 20px
}

.retrieve_pwd_container .purple_container .retrieve_main .ui.icon.input>.icon,.retrieve_pwd_container .purple_container .mretrieve_main .ui.icon.input>.icon {
	font-size: 12px;
	width: auto;
	opacity: 1;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-style: normal;
	height: 25px;
	line-height: 25px;
	background: #8040ff;
	border-radius: .2857rem;
	right: 20px;
	color: #FFF;
	cursor: pointer;
	padding: 0 .5em;
	transition: background .3s
}

.retrieve_pwd_container .purple_container .retrieve_main .ui.icon.input>.icon:hover,.retrieve_pwd_container .purple_container .mretrieve_main .ui.icon.input>.icon:hover {
	background: #6a28ed
}

.retrieve_pwd_container .purple_container .retrieve_main .ui.icon.input>.icon.disabled,.retrieve_pwd_container .purple_container .mretrieve_main .ui.icon.input>.icon.disabled {
	background: #dcddde !important;
	color: rgba(0,0,0,0.4) !important;
	cursor: default !important;
	opacity: 0.3 !important
}

.retrieve_pwd_container .purple_container .retrieve_main .retrieve_list_way li,.retrieve_pwd_container .purple_container .mretrieve_main .retrieve_list_way li {
	float: left;
	margin-right: 40px;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	width: 138px;
	height: 138px;
	text-align: center;
	cursor: pointer
}

.retrieve_pwd_container .purple_container .retrieve_main .retrieve_list_way li span.icon,.retrieve_pwd_container .purple_container .mretrieve_main .retrieve_list_way li span.icon {
	font-family: 'xt';
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	background: #f4f4f4;
	border-radius: 100%;
	display: inline-block;
	color: #c4c4c4;
	margin: 15px 0 10px
}

.retrieve_pwd_container .purple_container .retrieve_main .retrieve_list_way li p,.retrieve_pwd_container .purple_container .mretrieve_main .retrieve_list_way li p {
	color: #666562;
	line-height: 22px
}

.retrieve_pwd_container .purple_container .retrieve_main .retrieve_list_way li:hover,.retrieve_pwd_container .purple_container .mretrieve_main .retrieve_list_way li:hover {
	border: 1px solid #95278a
}

.retrieve_pwd_container .purple_container .retrieve_main .header_code_img,.retrieve_pwd_container .purple_container .mretrieve_main .header_code_img {
	left: 370px;
	position: absolute;
	top: 15px
}

.retrieve_pwd_container .purple_container .retrieve_main .retrieve_text,.retrieve_pwd_container .purple_container .mretrieve_main .retrieve_text {
	color: #666562
}

.retrieve_pwd_container .purple_container .retrieve_main .retrieve_notice,.retrieve_pwd_container .purple_container .mretrieve_main .retrieve_notice {
	margin-top: 35px;
	color: #666562;
	line-height: 22px
}

.retrieve_pwd_container .purple_container .mretrieve_main {
	display: none
}

.retrieve_pwd_container .red_container {
	background: #fff;
	border-top: 8px solid #bb1e2b;
	padding: 20px 30px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.retrieve_pwd_container .red_container .retrieve_pwd_title em.fl,.retrieve_pwd_container .red_container .retrieve_pwd_title span.fl {
	font-family: "xt";
	display: block;
	width: 32px;
	height: 32px;
	color: #FFF;
	border-radius: 50%;
	background: #bb1e2b;
	text-align: center;
	line-height: 32px;
	font-size: 1.25rem
}

.retrieve_pwd_container .red_container .retrieve_pwd_title h3 {
	font-size: 22px;
	text-indent: 1em;
	color: #c1c1c1;
	line-height: 32px
}

.retrieve_pwd_container .red_container .retrieve_pwd_title h3 span.retrieve_info {
	vertical-align: middle;
	font-size: 14px
}

.retrieve_pwd_container .red_container .retrieve_pwd_title h3 span.retrieve_info span {
	color: #bb1e2b
}

.retrieve_pwd_container .red_container .retrieve_pwd_title h3 i {
	font-family: "xt";
	font-style: normal;
	-webkit-font-smoothing: antialiased
}

.retrieve_pwd_container .red_container .retrieve_pwd_title h3 span.retrieve_title {
	color: #bb1e2b;
	vertical-align: middle;
	font-size: 22px
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title {
	display: none
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title h3 span.retrieve_title {
	display: block !important;
	font-size: 16px;
	color: #4b4b4b
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title ul {
	border-left: 1px solid #c1c1c1;
	margin-right: 15px
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title ul li {
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	height: 30px;
	line-height: 30px;
	width: 33.33%;
	font-size: 16px;
	color: #c1c1c1;
	float: left;
	border-right: none;
	text-align: center;
	position: relative
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title ul li .in,.retrieve_pwd_container .red_container .mretrieve_pwd_title ul li .out {
	position: absolute;
	height: 0;
	width: 0;
	right: -29px;
	top: 0;
	border: 15px solid;
	border-color: transparent transparent transparent #fff;
	z-index: 10
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title ul li .out {
	right: -30px;
	border-color: transparent transparent transparent #c1c1c1
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title ul li.active {
	background: #f2f2f2;
	color: #4b4b4b
}

.retrieve_pwd_container .red_container .mretrieve_pwd_title ul li.active .in {
	border-color: transparent transparent transparent #f2f2f2
}

.retrieve_pwd_container .red_container .retrieve_main,.retrieve_pwd_container .red_container .mretrieve_main {
	margin-top: 20px;
	padding-left: 46px;
	font-size: 0.875rem
}

.retrieve_pwd_container .red_container .retrieve_main .error_message,.retrieve_pwd_container .red_container .mretrieve_main .error_message {
	padding-top: 20px
}

.retrieve_pwd_container .red_container .retrieve_main .error_message p,.retrieve_pwd_container .red_container .mretrieve_main .error_message p {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box {
	position: relative
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box .code_img,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box .code_img {
	position: absolute;
	left: 370px;
	top: 15px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box .code_img img,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box .code_img img {
	height: 100%
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box label,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box label {
	font-family: "xt";
	display: inline-block;
	font-size: 20px;
	color: #c1c1c1;
	margin: 0 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 58px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box input,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box input {
	width: 440px;
	border: 1px solid rgba(39,41,43,0.15);
	border-radius: 0.2857rem;
	padding: 22px 0 22px 60px;
	font-size: 14px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box .form_message,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box .form_message {
	display: inline-block;
	padding-left: 20px;
	line-height: 58px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box .form_message .error,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box .form_message .error {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box i.icon_code,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box i.icon_code {
	position: absolute;
	left: 355px;
	background: none repeat scroll 0 0 #8040ff;
	border-radius: 0.2857rem;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-style: normal;
	height: 25px;
	line-height: 25px;
	opacity: 1;
	padding: 0 0.5em;
	top: 30px;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	transition: background 0.3s ease 0s;
	display: inline-block;
	cursor: pointer
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box i.disabled,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box i.disabled {
	background: #dcddde !important;
	color: rgba(0,0,0,0.4) !important;
	cursor: default !important;
	opacity: 0.3 !important
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_box .not_code,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_box .not_code {
	margin-left: 345px;
	text-align: left;
	font-size: 14px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_setpsd em,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_setpsd em {
	display: block;
	padding-bottom: 5px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_setpsd input,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_setpsd input {
	height: 58px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_setpsd .form_message,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_setpsd .form_message {
	display: inline-block;
	padding-left: 20px;
	line-height: 58px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .input_setpsd .form_message .error,.retrieve_pwd_container .red_container .mretrieve_main .ui .input_setpsd .form_message .error {
	color: #ce2432;
	font-size: 14px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .btn .button,.retrieve_pwd_container .red_container .mretrieve_main .ui .btn .button {
	width: 180px;
	height: 43px;
	font-size: 16px
}

.retrieve_pwd_container .red_container .retrieve_main .ui .mail_way,.retrieve_pwd_container .red_container .mretrieve_main .ui .mail_way {
	font-size: 12px;
	color: #95288a;
	margin-left: 20px
}

.retrieve_pwd_container .red_container .retrieve_main .ui.icon.input>.icon,.retrieve_pwd_container .red_container .mretrieve_main .ui.icon.input>.icon {
	font-size: 12px;
	width: auto;
	opacity: 1;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-style: normal;
	height: 25px;
	line-height: 25px;
	background: #8040ff;
	border-radius: .2857rem;
	right: 20px;
	color: #FFF;
	cursor: pointer;
	padding: 0 .5em;
	transition: background .3s
}

.retrieve_pwd_container .red_container .retrieve_main .ui.icon.input>.icon:hover,.retrieve_pwd_container .red_container .mretrieve_main .ui.icon.input>.icon:hover {
	background: #6a28ed
}

.retrieve_pwd_container .red_container .retrieve_main .ui.icon.input>.icon.disabled,.retrieve_pwd_container .red_container .mretrieve_main .ui.icon.input>.icon.disabled {
	background: #dcddde !important;
	color: rgba(0,0,0,0.4) !important;
	cursor: default !important;
	opacity: 0.3 !important
}

.retrieve_pwd_container .red_container .retrieve_main .retrieve_list_way li,.retrieve_pwd_container .red_container .mretrieve_main .retrieve_list_way li {
	float: left;
	margin-right: 40px;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	width: 138px;
	height: 138px;
	text-align: center;
	cursor: pointer
}

.retrieve_pwd_container .red_container .retrieve_main .retrieve_list_way li span.icon,.retrieve_pwd_container .red_container .mretrieve_main .retrieve_list_way li span.icon {
	font-family: 'xt';
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	background: #f4f4f4;
	border-radius: 100%;
	display: inline-block;
	color: #c4c4c4;
	margin: 15px 0 10px
}

.retrieve_pwd_container .red_container .retrieve_main .retrieve_list_way li p,.retrieve_pwd_container .red_container .mretrieve_main .retrieve_list_way li p {
	color: #666562;
	line-height: 22px
}

.retrieve_pwd_container .red_container .retrieve_main .retrieve_list_way li:hover,.retrieve_pwd_container .red_container .mretrieve_main .retrieve_list_way li:hover {
	border: 1px solid #95278a
}

.retrieve_pwd_container .red_container .retrieve_main .header_code_img,.retrieve_pwd_container .red_container .mretrieve_main .header_code_img {
	left: 370px;
	position: absolute;
	top: 15px
}

.retrieve_pwd_container .red_container .retrieve_main .retrieve_text,.retrieve_pwd_container .red_container .mretrieve_main .retrieve_text {
	color: #666562
}

.retrieve_pwd_container .red_container .retrieve_main .retrieve_notice,.retrieve_pwd_container .red_container .mretrieve_main .retrieve_notice {
	margin-top: 35px;
	color: #666562;
	line-height: 22px
}

.retrieve_pwd_container .red_container .mretrieve_main {
	display: none
}

.retrieve_pwd_container .error_msg {
	color: #ce2432
}
